<template>
  <div class="demo">
    <a class="cus-button">普通按钮</a>
    <a class="cus-button cus-button-primary">普通按钮</a>
    <span class="rgt"></span>
    <index-list>
      <index-section index="A">
        <li class="indexsection-item">阿坝</li>
        <li>阿坝藏族羌族自治州</li>
        <li>安达</li>
        <li>安达</li>
        <li>安达</li>
        <li>安达</li>
      </index-section>
      <index-section index="B">
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
      </index-section>
      <index-section index="C">
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
      </index-section>
      <index-section index="D">
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
      </index-section>
      <index-section index="E">
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
        <li>北京市</li>
      </index-section>
    </index-list>
  </div>
</template>

<script>
import IndexList from '../components/IndexList'
import IndexSection from '../components/IndexSection'
export default {
  name: 'demo',
  data () {
    return {

    }
  },
  components: {
    IndexList, IndexSection
  }
}
</script>

<style lang="scss" scoped>
.indexsection-list li{
  line-height: 1.2rem;
  padding: 0 .64rem;
  font-size: .426667rem;
  color: #666666;
  letter-spacing: 2px;
  & + li {
    border-top: 1px solid #C3C3C3;
  }
}

</style>
